<%@ Page language="vb" EnableViewStateMac="true" Inherits="_2bMatesSite.upload_group_song" CodeFile="upload_group_song.aspx.vb" CodeFileBaseClass="_2bMatesSite.BaseWebPage" %>
<form id=uploadImageForm action="" method=post runat="server">
<table height="100%" cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
  <tr>
		<td colspan="3">
			<table cellspacing="0" cellpadding="0" width="100%" border="0" class="page_title">
				<tr>
					<td><asp:literal id="litUploadNew" runat="server">Upload New Clips/Songs</asp:literal></td>
					<td align="right"><asp:hyperlink id="hlBackToGroup" runat="server"  cssclass="white_link"></asp:hyperlink></td>
				</tr>
			</table>
		</td>
	</tr>	 
  <tr>
    <td class=main_table_border vAlign=top height="100%">
			<div class="content">	
        <table cellSpacing=0 cellPadding=0 width=100% border=0 class="main_text_form">
					<tr>
						<td align=left><asp:literal id="litShare" runat="server"><b>Amend your current media files. 4 Files Maximum!</b></asp:literal></td>
					</tr>
					<tr>
						<td height="16"><IMG class=spacer_line height=1 src="images/spacer.gif" width="100%"></td>
					</tr>
					<tr>
						<td> 
							<asp:literal id="litFormat" runat="server">
							Acceptable format: AVI, MPG, MP3 or WMA with Maximum size of 5 MB.<br>
							Please respect our <A href="terms.aspx">Media policy</a> and do not upload files containing nudity,<br>
							violent or offensive material, or copyrighted songs.
							</asp:literal>
						</td>
					</tr>
					<tr>
						<td id=error valign=top align=left><asp:validationsummary id=ValidationSummary1 runat="server" cssclass="val_summary" width="248px" displaymode="List" forecolor="#F04C03" Height="32px"></asp:validationsummary></td>
					</tr>
					<tr>
						<td vAlign=top><br />
							<asp:label id="lblName" runat="server" Visible="True" >File Name: </asp:label>
							<asp:textbox id=txtSongName runat="server" cssclass="mail_field"></asp:TextBox>
							<asp:requiredfieldvalidator id=rvTxtSongName runat="server" ControlToValidate="txtSongName" Display="None" ErrorMessage="Please fill out song name"></asp:RequiredFieldValidator>
						</td>
					</tr>
					<tr>
						<td valign=top>
							<img src="images/spacer.gif" height="1" width="52"><input class=mail_field id=fldFileUpload style="WIDTH: 273px; HEIGHT: 18px" type=file size=30 runat="server" name="fldFileUpload"> 
							<asp:button id=btnUpload onmouseover=ButtonMouseOver(this); onmouseout=ButtonMouseOut(this); runat="server" cssclass="btn" text="Upload" onclick="btnUpload_Click"></asp:button>
							<asp:customvalidator id=valFileFormat runat="server" onservervalidate="validateFile" controltovalidate="fldFileUpload" display="None" errormessage="Please choose a file in the correct format"></asp:customvalidator>
							<asp:requiredfieldvalidator id=rvFldFileUpload runat="server" controltovalidate="fldFileUpload" display="None" errormessage="Please browse clip/song"></asp:requiredfieldvalidator><br>
							<asp:label id="lblMessage" runat="server" visible="False" cssclass="val_summary">You reached the maximum media uploads limit. Please delete some file in order to upload new one</asp:label>							
						</td>
					</tr>
				</table>
      </div> 
		</td>
		<!-- BEGIN SKYSCRAPER ADVERTISEMENT -->	
		<!--
		<td class="small" width="10">&nbsp;</td>
		<td class="border_adv" vAlign="top" width="203" height="100%">
			<table cellSpacing="1" cellPadding="0" width="100%" border="0">
				<tr>
					<td class="small" width="10">&nbsp;</td>
					<td class="advertisement" width="193"><asp:Literal id="litSkyscraperAdvertisement" runat=server></asp:literal></td>
				</tr>
			</table>
		</td>-->
		<!-- END SKYSCRAPER ADVERTISEMENT -->	
	</tr>
	<tr>
		<td colSpan="3"><asp:literal id=litSpacer runat="server"></asp:literal></td>
	</tr>
	<tr>
		<td colspan="3" height="100%">
			<asp:table id=tblPhotos runat="server" width="100%" height="100%" cellspacing="0" cellpadding="0">
				<asp:tablerow>
					<asp:tablecell cssclass="page_secondary_title">
						<asp:literal id="litUploaded" runat="server">Uploaded Clips/Songs</asp:literal>
					</asp:tablecell>
				</asp:tablerow>
				<asp:tablerow>
					<asp:tablecell cssclass="main_table_border" height="100%">
						<div class="content">
							<asp:label runat="server" id="lblNoImage" cssclass="main_text"><br>Currently there are no uploaded clips/songs.</asp:label>
							<asp:datalist runat="server" width="100%" showfooter="False" borderwidth="0px" showheader="False" cssclass="data_list" horizontalalign="Left" repeatcolumns="4" repeatdirection="Horizontal" id="dlPictures" cellpadding="0">
								<itemstyle horizontalalign="Left" width="33%" verticalalign="Top"></itemstyle>
								<itemtemplate>
									<table cellspacing="0" cellpadding="0" width="172" border="0" class="main_text">
										<tr>
											<td class="col_image" align=center valign="top" width="73" rowspan="5"><a id="hlLive" cssclass="small_image" href='#iv' onclick="javascript: popWin('<%# DataBinder.Eval(Container.DataItem, "PlayMusicURL") %>')"><img src="images/both_black.gif" align=center alt="<%# DataBinder.Eval(Container.DataItem, "SongName") %>" border="0"></a></td>
										</tr>
										<tr>
											<td height="25" valign=top><asp:label id="lblSongTitle" runat="server"><b><%# DataBinder.Eval(Container.DataItem, "SongName") %></b></asp:label></td>
										</tr>
										<tr>
											<td height="25" valign=top><a id="Hyperlink1" class="main_text_bold" href='#iv' onclick="javascript: popWin('<%# DataBinder.Eval(Container.DataItem, "PlayMusicURL") %>')">Play clip/song</a></td>
										<tr>
											<td height="25" valign=top><asp:linkbutton id=lbRemove runat="server" cssclass="main_text_bold" commandargument='<%# DataBinder.Eval(Container.DataItem, "SongID") %>' commandname="Remove" causesvalidation="False">Remove</asp:linkbutton></td>
										</tr>
									</table>
								</itemtemplate>
							</asp:datalist>
						</div>
					</asp:tablecell>
				</asp:tablerow>
			</asp:table>
		</td>
	</tr>
</table>
</form>

